<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div class="pageContent">
	<form method="post" action="media/update"
		class="pageForm required-validate"
		onsubmit="return validateCallback(this, dialogAjaxDone);">
		<div class="pageFormContent" layoutH="56">
			<input name="id" class="required" type="hidden" value="${media.id}" />
			<p>
				<label>标题：</label> <input type="text" value="${media.title}" name="title"
					alt="请输入标题">
			</p>
			<p>
				<label>详情介绍：</label> <input type="text" value="${media.info}" name="info"
					alt="请输入详情介绍">
			</p>
			<p>
				<label>图片跳转地址：</label> <input type="text" value="${media.forwardUrl}" name="forwardUrl"
					alt="请输入图片跳转地址">
			</p>
			<p>
				<label>图片：</label>
			<span>
			<input id="imageWidth" type="hidden" value="${media.imageWidth}" name="imageWidth"/>
				<input id="imageHeight" type="hidden" value="${media.imageHeight}" name="imageHeight"/>
				<input id="avatarUrl" type="hidden" value="${media.avatarUrl}" name="avatarUrl"/>
				<img style="width:100px;height:100px;margin-right:20px;margin-bottom:20px;" id="uploadImg" alt="" src="${media.avatarUrl}">
				<input id="uploadImage" name="uploadImage" type="file"/>
			</span>
			</p>
			
		</div>
		<div class="formBar">
			<ul>
				<!--<li><a class="buttonActive" href="javascript:;"><span>保存</span></a></li>-->
				<li><div class="buttonActive">
						<div class="buttonContent">
							<button type="submit">保存</button>
						</div>
					</div></li>
				<li>
					<div class="button">
						<div class="buttonContent">
							<button type="button" class="close">取消</button>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</form>
</div>
<script type="text/javascript">

$('#uploadImage').uploadify({
    'swf': 'uploadify/scripts/uploadify.swf',  //FLash文件路径
    'buttonText': '浏  览',
    'width': 40,                          // 按钮的宽度
    'height': 15,                                //按钮文本
    'uploader': '/mir/image/upload',        //处理文件上传Action
    'queueID': 'lawyerCasefileQueue',           //队列的ID
    'queueSizeLimit': 999,                          //队列最多可上传文件数量，默认为999
    'auto': true,                                 //选择文件后是否自动上传，默认为true
    'multi': false,                                 //是否为多选，默认为true
    'removeCompleted': true,                       //是否完成后移除序列，默认为true
    'fileSizeLimit': '0MB',
    'fileTypeDesc': "Image Files",                 //Files 标识可以上传任意文件
    'fileTypeExts': '*.jpg;*.png;*.gif;*.jpeg;', //允许上传的文件类型，限制弹出文件选择框里能选择的文件
    'onQueueComplete': function (event, data) {                 //所有队列完成 后事件
    },
    'onUploadStart': function (file) {
    },
    'onUploadError': function (event, queueId, fileObj, errorObj) {
    },
    'onUploadSuccess': function (file, data, respone) {
    	var jsondata = JSON.parse(data);
    	$("#uploadImg").attr("src",jsondata.data);
    	$("#avatarUrl").val(jsondata.data);
    	$("<img/>") // 在内存中创建一个img标记
        .attr("src", jsondata.data)
        .load(function() {
    		$("#imageWidth").val(this.width);
    		$("#imageHeight").val(this.height);
        });
    }
});
</script>